.header {
  position: absolute;
  z-index: 100;
  height: 60px;
  width: 100%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  left: 0;
  top: 0;

  .header-left {
    display: flex;
    align-items: center;
    img {
      margin-left: 16%;
    }
  }

  .header-right {
    width: 880px;
    height: 100%;
    ul {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-right: 30px;

      li {
        &:nth-of-type(1) {
          a {
            color: red;
          }
        }
        &:nth-of-type(6) {
          position: relative;
          span {
            width: 24px;
            height: 14px;
            position: absolute;
            top: -10px;
            right: -8px;
            background: url("./../../../asserts/new_ic.png") no-repeat;
            background-size: 24px 14px;

          }
        }
        &:last-of-type {

          a {
            text-align: center;
            line-height: 27px;
            width: 76px;
            height: 27px;
            display: inline-block;
            border-radius: 20px;
            background: linear-gradient(
                    -139deg
                    ,#f0d7a3 0,#efcb85 100%) #f0d7a3;
            color: #333;
            &:hover {
              text-decoration: none;
              background: #e7c062;
            }
          }
        }
        a{
          color: #ffffff;
          &:hover {
            text-decoration: underline;
          }
        }
      }
    }
  }
}
